<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<style type="text/css">
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
  <script>
  $(document).ready(function(){
	$("#commentForm").validate({
		rules:{
		  name:{required: true,minlength: 4}
		},
		messages: {
			name: {
			required: "아이디를 입력하세요",
			minlength: jQuery.format("아이디는 {0}자 이상 입력하세요"),
			remote: "이미 등록된 아이디입니다"
			}
		}
	});
  });






  </script>
  
</head>
<body>
  


<table width="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td width="100%" valign="top" align="center">
   <table cellpadding="0" cellspacing="0" border="0" width="100%">
	<FORM action='../Anymember/member.php?code=join' method=post name=form id="commentForm" onsubmit='return valid_check(this)' ENCTYPE='multipart/form-data'>
	<input type=hidden name=magnitude value='A'>
     <tr>
      <td height="23" align="right" style="padding:0 10 0 0;"><font color="#006699">* </font> 표시는 필수 입력사항입니다.</td>
     </tr>
     <tr>
      <td align="center">
		<table width="600" border="0" cellspacing="0" cellpadding="0">
			<tr>
			<td valign="top">
				<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#D5D5D5">
					<tr height="50">
					<td width="100" bgcolor="#F3F3F3" style="padding:0 0 0 10;">아이디<font color="#006699">* </font> </td>
					<td bgcolor="#FFFFFF" style="padding:5 0 0 10;line-height:24px;">
						<input id="cname" name="name" size="25" class="required" minlength="2" />
						<!--<input name="id" type="text" class="input" size="17" maxlength="12">-->&nbsp;
					<a href='javascript:OpenWin1(form.id.value)'><img src="../Anymember/images/mem_idcheck.gif" border="0" align="absmiddle"></a>
					<br> * 아이디는 추후에 변경이 불가능하니 정확하게 기입해 주세요.
					<br><font color="#006699"> * 영/숫자로만 4~12자</font>
					</td>
					</tr>
				</table>
			</td>
			</tr>
		  </table>
	  </td>
     </tr>
     <tr><td height="10"></td></tr>
     <tr>
      <td align="center">
	 <input name="image22" type=image src="../Anymember/images/mem_join.gif" border="0"></a>&nbsp;&nbsp;
	 <a href="../main/main.php"><img src="../Anymember/images/mem_esc.gif" border="0"></a>
	 </td>
     </tr>
     <tr>
      <td></td>
     </tr>
    </form>
   </table>
   </td>
 </tr>
</table>